.noti-item {
  // padding: 0 20px;
  background-color: #f1f6ff;

  .noti-header {
    height: 40px;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid;
    padding: 3px 20px;
    box-sizing: border-box;
  }
  .noti-main {
    // height: calc(100vh - 150px);
    margin: 20px;
    padding: 20px;
    box-shadow: 0 0 1px 1px #e7ebf2;
    background-color: white;
    h2 {
      font-weight: 800;
      font-size: 28px;
      text-align: center;
    }
    span {
      color: #a69999;
      display: block;
      text-align: center;
      width: 100%;
      font-size: 15px;
    }
    p {
      font-size: 18px;
      line-height: 30px;
      margin-bottom: 10px;
    }
    .noti-table {
      margin-top: 50px;
      table {
        border: #c0ccdd 1px solid;
        width: 100%;
        tr {
          height: 36px;
          line-height: 36px;
        }
        .table-header {
          // background-color: linear-gradient(top,#e0ebff,#ffffff);
          // 颜色渐变
          background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0%, #e0ebff),
            color-stop(100%, white)
          );
        }
        td {
          border: #c0ccdd 1px solid;
          padding: 0 20px;
        }
      }
    }
  }
}
